<template>
  <div>
    <Header></Header>
    <div class="ex">
      <TitleTop></TitleTop>
      <DetailCard></DetailCard>
      <DetailForm></DetailForm>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "../components/base/Header.vue";
import Footer from "../components/base/Footer.vue"; 
import TitleTop from "../components/base/TitleTop";
import DetailCard from "../components/details/DetailCard";
import DetailForm from "../components/details/DetailForm";
export default {
  name: "Exhibition",
  components: { Header, Footer,TitleTop,DetailCard,DetailForm },
};
</script>

<style scoped>
.ex {
  /* height: auto; */
  overflow: hidden;
  height: 900px;
  background: #f1f2ed;
}
</style>